<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../../js/public/init.js"></script>
		<script type="text/javascript" src="../../js/public/jquery.min.js"></script>
		<script type="text/javascript" src="../../js/public/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../js/public/IP.js"></script>
		<style type="text/css">
			input {
				width: 124px;
			}
			
			h1 {
				font-size: 18px;
				font-family: 'Microsoft YaHei';
				padding: 0px;
				padding-left: 20px;
				color: #A2A2A2;
				margin-bottom: 5px;
			}
			
			#div1 {
				z-index: 5;
				margin: 0;
				padding: 0;
				width: 210px;
				height: 200px;
				background-color: red;
				position: absolute;
				left: 205px;
				top: 70px;
			}
			
			ul {
				list-style: none;
			}
			
			li div {
				width: 140px;
				float: left;
				text-align: right;
				padding-right: 10px;
			}
			
			.c {
				margin: 5px;
				border-top: 2px solid #1382CE;
				margin-bottom: 15px;
				padding-top: 10px;
			}
		</style>
	</head>

	<body>
		<div style="margin:10px;">
			<h1>皮肤设置</h1>
			<div class="c">
				<ul>
					<li>
						<div>皮肤：</div>
						<select class="easyui-combobox" name="state" style="width:200px;" id="themeType" data-options="onChange:function(){RefreshTheme();}">
							<option value=""></option>
							<option value="default">default</option>
							<option value="black">black</option>
							<option value="bootstrap">bootstrap</option>
							<option value="gray">gray</option>
							<option value="metro">metro</option>
						</select>
					</li>
				</ul>
			</div>

			<h1>菜单设置</h1>
			<div class="c">
				<ul>
					<li>
						<div>菜单方式：</div>

						<select class="easyui-combobox" 　style="border-width:1px;" id="menuType" style="width:200px;" data-options="onChange:function(){RefreshMenu();}">
							<option value=""></option>
							<option value="accordion">手风琴菜单</option>
							<option value="menubutton">横向菜单</option>
							<option value="tree">树型菜单</option>
						</select>

					</li>
				</ul>
			</div>
		</div>
		</div>
		<!--<div id="div1">
		</div>-->
		<!--<div style="margin:140px;width:160px; margin-top:40px; font-family:'Microsoft YaHei'">
			<a id="btnok" href="#">保存设置</a>
		</div>-->
	</body>
	<script>
		var RefreshTheme;
		var RefreshMenu;
		var menutype;
		var themetype;
		$(document).ready(function() {
			//			$('#menuType').combobox('setValue', localStorage.getItem("menuType"));
			//			$("#btnok").click(function() {
			//				var s = $('#menuType').combobox('getValue');
			//				localStorage.setItem("menuType", s);
			//				$.messager.alert("提醒", "已修改菜单模式，请刷新页面", "info");
			//			});
			RefreshMenu = function() {
				menutype = $('#menuType').combobox('getValue');
				localStorage.setItem("menuType", menutype);
				$('#menuType').combobox('setValue', localStorage.getItem("menuType"));
				top.location.reload();
			}
			RefreshTheme = function() {
				themetype = $('#themeType').combobox('getValue');
				localStorage.setItem("themeType", themetype);
				$('#themeType').combobox('setValue', localStorage.getItem("themeType"));
				top.location.reload();
			}
		});
	</script>

</html>